.blog-article-container .breadcrumb-link {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  margin-bottom: 4.2rem;
  margin-left: 21rem;
  margin-right: 21.8rem;
  margin-top: 2.1rem;
  font-size: var(--dm-font-body-text);
}

.dm-border-line:last-of-type {
  display: none;
}

.blog-article-container .dm-border-line {
  border-right: 0.1rem solid #3c3c3c66;
  height: 1.1rem;
}

.blog-article-container .breadcrumb-item > a {
  font-size: var(--dm-font-body-text);
  font-weight: var(--dm-font-body-weight);
  line-height: var(--dm-font-body-line);
}

/* 灰色 */
.blog-article-container .breadcrumb-item a.inactive {
  color: #3c3c3c66 !important;
}

/* 高亮 */
.blog-article-container .breadcrumb-item a.active {
  color: var(--dm-color-primary) !important;
}

.blog-article-container .breadcrumb-link .bread-center {
  gap: 0.9rem;
  display: flex;
  align-items: center;
}

/* 内容区域块 */

.left-right-wrapper {
  display: flex;
  padding: 0 21rem 12.8rem;
  align-items: flex-start;
  gap: 5.6rem;
}

.left-right-wrapper .left-blog-info {
  width: 70%;
}
.left-right-wrapper .right-blog-info {
  width: 30%;
}
.left-right-wrapper .left-blog-title-content {
  display: flex;
  flex-direction: column;
  gap: 2.1rem;
  margin-bottom: 3rem;
}

.left-right-wrapper .left-blog-title-content h1 {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-h1-size);
  color: var(--dm-gray-500);
}

.left-blog-display-content {
  display: flex;
  justify-content: space-between;
}

.left-blog-display-content .left-blog-display-views {
  display: flex;
  gap: 2.1rem;
  align-items: center;
}
.left-blog-display-content .left-blog-display-views .left-blog-display-posted {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body-text);
  color: var(--dm-color-subtext);
}

.left-blog-display-content .left-blog-display-views p {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body-text);
  color: var(--dm-gray-500);
}
.left-blog-display-content .left-blog-display-views .left-blog-display-posted {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.left-blog-display-content .left-blog-display-social {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}

.left-blog-info .dm-main-sam-rich-text {
  overflow-x: auto;
}

.left-blog-info .dm-main-sam-blog-pagination {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.3rem;
}

.left-blog-info .dm-main-sam-blog-pagination .pagination-switch {
  color: var(--dm-gray-300) !important;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-body1-size);
  line-height: var(--dm-font-body2-line);
}

.left-blog-info .dm-main-sam-blog-pagination .pagination-title {
  color: var(--dm-color-text);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body1-size);
  line-height: var(--dm-font-body2-line);
}

.left-blog-info .dm-main-sam-blog-pagination a {
  width: 33.7rem;
}

/* 关于作者信息 */

.dm-blog-author-info .dm-blog-title {
  font-family: var(--dm-font-family-base);
  color: var(--dm-gray-500);
  font-weight: var(--dm-font-h3-weight);
  font-size: var(--dm-font-body3-line);
  margin-bottom: 1.8rem;
}

.dm-blog-author-info .dm-author-info {
  width: 13.6rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: var(--dm-font-body-text);
  border: 0.1px solid var(--dm-color-primary);
  color: var(--dm-color-primary);
  background-color: var(--dm-color-bg-light);
  text-align: center;
  font-family: var(--dm-font-family-base);
  margin-bottom: 1.5rem;
}
.dm-blog-author-info .dm-author-description {
  line-height: var(--dm-font-body2-line);
  font-size: var(--dm-font-body1-size);
  color: var(--dm-color-text);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
}

.dm-blog-author-info .dm-commentArea {
  width: 100%;
  /* height: 13.6rem; */
  background-color: #ccb5900f;
  margin-bottom: 4rem;
}

.dm-blog-author-info .dm-commentArea .dm-commentArea-center {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  padding: 2.2rem 1.7rem;
  margin-top: 3rem;
}

.dm-blog-author-info .dm-commentArea .dm-commentArea-center h4 {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  font-size: var(--dm-font-h2-size);
}

.dm-blog-author-info .dm-commentArea .dm-commentArea-center p {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body-text);
  line-height: var(--dm-font-body3-line);
  color: var(--dm-color-primary);
}

.dm-blog-author-info .dm-commentArea .dm-commentArea-content {
  margin-top: 1.2rem;
}

.dm-blog-author-info .dm-commentArea .dm-commentArea-content .comments-item {
  padding-bottom: 1.8rem;
  /* border-bottom: 0.1px solid var(--dm-color-border); */
}
.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .reply-list {
  border-top: 0.1px solid var(--dm-color-border);
  padding: 3rem 0 0 3rem;
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .comments-avatar
  img {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .comments-avatar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dm-blog-author-info .dm-commentArea .dm-commentArea-content .comments-item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .comments-avatar
  .comments-time {
  font-weight: var(--dm-font-body-weight);
  font-size: var(--dm-font-body-text);
  line-height: var(--dm-font-h3-size);
  color: #999999;
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .comments-avatar
  .comments-avatar-img {
  display: flex;
  gap: 0.9rem;
  align-items: center;
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .comments-avatar
  .comments-avatar-img
  P {
  color: var(--dm-gray-500);
  font-size: var(--dm-font-body2-size);
  font-family: var(--dm-font-family-base);
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item:nth-child(n + 2) {
  margin-top: 1.5rem;
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item:last-child {
  /* border-bottom: none; */
  padding-bottom: 0;
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .comments-text {
  color: var(--dm-color-text-light);
  font-weight: var(--dm-font-body2-weight);
  font-size: var(--dm-font-body2-size);
  line-height: var(--dm-font-body2-line);
  font-family: var(--dm-font-family-base);
}

.dm-blog-author-info
  .dm-commentArea
  .dm-commentArea-content
  .comments-item
  .replyBtn {
  width: 12rem;
  height: 4rem;
  background-color: var(--dm-color-bg-light);
  color: var(--dm-color-primary);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body1-weight);
  font-family: var(--dm-font-family-base);
}

.dm-blog-author-info .dm-leave h4 {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  font-size: var(--dm-font-h2-size);
  margin-bottom: 1.5rem;
}

.dm-leave p {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  font-size: var(--dm-font-body-text);
  margin-top: 1.5rem;
  margin-bottom: 2.1rem;
}

.dm-leave .dm-leave-required {
  color: var(--dm-color-warning);
}

.dm-blog-author-info .dm-leave h5 {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h3-weight);
  font-size: var(--dm-font-body1-size);
  margin-bottom: 1.8rem;
  margin-top: 2.1rem;
}

.dm-blog-author-info .dm-leave .comment-box {
  width: 100%;
  height: 8.2rem;
  border: 0.1rem solid var(--dm-color-text);
}

.dm-blog-author-info .dm-leave textarea {
  font-size: var(--dm-font-body1-size);
  padding: 1rem;
  margin-top: 1.8rem;
}

.dm-blog-author-info .dm-leave .form-item-label {
  font-weight: var(--dm-font-body1-weight);
  font-size: var(--dm-font-body1-size);
  font-family: var(--dm-font-family-base);
}

.dm-blog-author-info .dm-leave .form-item {
  display: flex;
  flex-direction: column;
}

.dm-blog-author-info .dm-leave .form-item input {
  height: 2.1rem;
  border-bottom: 0.1rem solid var(--dm-color-text);
}

.dm-blog-author-info .dm-leave .form-item .error-message {
  font-size: var(--dm-font-body1-size);
  color: var(--dm-color-warning);
  height: var(--dm-font-h2-size);
  font-family: var(--dm-font-family-base);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease; /* 动画时长可调 */
}

.dm-blog-author-info .dm-leave .form-item .error-message.show {
  visibility: visible;
  opacity: 1;
}

.dm-blog-author-info .dm-leave .dm-footer-dm-button {
  text-align: center;
}

.dm-blog-author-info .dm-leave .dm-footer-dm-button .dm-button {
  /* margin-top: 4.4rem; */
  width: 18.5rem;
  height: 4.8rem;
  font-size: var(--dm-font-body1-size);
  background-color: var(--dm-color-primary); /* 你的金色按钮 */
  border-radius: 6px;
  color: var(--dm-color-white);
  transition: all 0.3s ease;
}

.dm-blog-author-info .dm-leave .dm-footer-dm-button .dm-button:hover {
  background: var(--dm-color-white);
  color: var(--dm-color-primary);
  outline: 1px solid var(--dm-color-primary);
}

.blog-article-container .dm-interested-content {
  background-color: #fcfbf9;
  padding: 6.4rem 21rem 8rem 21rem;
}

.blog-article-container .dm-interested-content .interested-title {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-h1-size);
  color: var(--dm-gray-500);
  margin-bottom: 4.2rem;
}

.blog-article-container .dm-interested-content .dm-interested-swiper {
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.blog-article-container .dm-interested-content .swiper-slide {
  width: 48.2rem;
  margin-bottom: 4.2rem;
}

.blog-article-container .dm-interested-content .swiper-slide img {
  width: 48.2rem;
  height: 32.2rem;
}

.blog-article-container
  .dm-interested-content
  .swiper-slide
  .swiper-content-info {
  padding: 3.3rem 2.2rem 3.7rem 2.2rem;
  background: var(--dm-color-white);
}

.blog-article-container
  .dm-interested-content
  .swiper-slide
  .swiper-content-info
  h5 {
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  font-size: var(--dm-font-h3-size);
  color: var(--dm-gray-500);
  margin-bottom: 2.4rem;
}

.blog-article-container
  .dm-interested-content
  .swiper-slide
  .swiper-content-info
  .read-more {
  border: 0.1rem solid var(--dm-color-primary);
  border-radius: 0.4rem;
  width: 12.7rem;
  height: 4.2rem;
  color: var(--dm-color-primary);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  font-size: var(--dm-font-body2-size);
  margin-bottom: 3.3rem;
}

.blog-article-container .dm-interested-content .swiper-slide .swiper-time {
  display: flex;
  justify-content: space-between;
}

.blog-article-container
  .dm-interested-content
  .swiper-slide
  .swiper-time
  .swiper-time-info {
  display: flex;
  gap: 0.3rem;
  align-items: center;
  color: var(--dm-color-subtext);
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body-text);
  font-weight: var(--dm-font-h1-weight);
}

.dm-interested-content .swiper-pagination {
  bottom: 0rem;
}

.dm-interested-content .swiper-pagination-bullet {
  background-color: #ccb59033 !important;
}

.dm-interested-content .swiper-pagination-bullet-active {
  background-color: var(--dm-color-primary) !important;
}

.left-right-wrapper .right-blog-info {
  position: sticky;
  top: 0rem;
}

.right-blog-info .dm-blog-search-content {
  width: 43.1rem;
  height: 4.6rem;
  display: flex;
  margin-bottom: 2.1rem;
}

.right-blog-info .dm-blog-search-content input {
  height: 4.6rem;
  width: 33.4rem;
  padding: 0.9rem 2.1rem;
  border: 0.1rem solid var(--dm-color-border);
}

.right-blog-info .dm-blog-search-content input::placeholder {
  color: #9d9d9c; /* 浅灰色 */
}

.right-blog-info .dm-blog-search-content button {
  width: 9.6rem;
  background-color: var(--dm-color-primary);
  color: var(--dm-color-white);
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-h3-weight);
}

.blog-point-content .point-marking {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 3rem;
}

.blog-point-content .point-marking svg {
  /* 鼠标小手 */
  cursor: pointer;
  transition: transform 0.3s;
}

.blog-point-content .point-marking h3 {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-size: 2.2rem;
  font-weight: var(--dm-font-h2-weight);
}

.blog-point-content .point-placeholder {
  /* 虚线样式 */
  border-bottom: 0.1rem dashed var(--dm-color-border);
}

.blog-point-content .contents-ol {
  max-height: 33.1rem;
  overflow-y: auto;
  display: none;
  flex-direction: column;
  gap: 2.4rem;
}

.blog-point-content .contents-ol li {
  padding-bottom: 2.4rem;
  border-bottom: 0.1rem dashed var(--dm-color-border);
}

.blog-point-content .contents-ol li a {
  color: var(--dm-gray-500) !important;
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body1-weight);
}

/* 特色产品 */
.left-right-wrapper .right-blog-info .special-products-content {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.left-right-wrapper .right-blog-info .special-products-content h3 {
  color: var(--dm-gray-500);
  font-family: var(--dm-font-family-base);
  font-size: 2.2rem;
  font-weight: var(--dm-font-h2-weight);
  margin-bottom: 3rem;
}

.left-right-wrapper .right-blog-info .special-products-content .special-swiper {
  position: relative;
  width: 43.1rem;
}

.left-right-wrapper .right-blog-info .special-products-content .special-swiper {
  overflow: hidden;
}

.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .swiper-slide
  img {
  width: 42.7rem;
  height: 42.7rem;
  margin-bottom: 3rem;
}

.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .swiper-slide
  .special-list-info {
  margin: 0rem 1.85rem;
  height: 14.2rem;
}

.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .swiper-slide
  .special-list-info
  h4 {
  color: var(--dm-gray-500);
  font-size: 2.2rem;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  margin-bottom: 0.9rem;
}

.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .swiper-slide
  .special-list-info
  P {
  line-height: var(--dm-font-h2-size);
  color: var(--dm-color-text);
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h1-weight);
  font-size: var(--dm-font-body1-size);
}

.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .swiper-slide
  .special-btn {
  margin-top: 1.5rem;
  display: flex;
}

.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .swiper-slide
  .special-btn
  .left-bt {
  border: 0.1rem solid var(--dm-color-primary);
  width: 13rem;
  height: 4.2rem;
  border-radius: 0.6rem;
  font-size: var(--dm-font-body2-size);
  color: var(--dm-color-primary);
  font-weight: var(--dm-font-h2-weight);
  font-family: var(--dm-font-family-base);
}
.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .swiper-slide
  .special-btn
  .right-bt {
  border: 0.1rem solid var(--dm-color-primary);
  width: 13rem;
  background-color: var(--dm-color-primary);
  height: 4.2rem;
  border-radius: 0.6rem;
  font-size: var(--dm-font-body2-size);
  color: var(--dm-color-white);
  font-weight: var(--dm-font-h2-weight);
  font-family: var(--dm-font-family-base);
}

.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .my-swiper-button-next {
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #ffffff4d;
  height: 5rem;
  width: 5rem;
  top: 18.9rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-right-wrapper
  .right-blog-info
  .special-products-content
  .special-swiper
  .my-swiper-button-prev {
  position: absolute;
  top: 0;
  right: 0;
  top: 18.9rem;
  z-index: 1;
  background-color: #ffffff4d;
  height: 5rem;
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.blog-posts-content {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.blog-posts-content h3 {
  font-size: 2.2rem;
  color: var(--dm-gray-500);
  font-weight: var(--dm-font-h2-weight);
  font-family: var(--dm-font-family-base);
}

.blog-posts-content .posts-list-info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.blog-posts-content .posts-list-info .posts-list {
  display: flex;
  /* width: 43.2rem;
  height: 14.4rem; */
}

.blog-posts-content .posts-list-info .posts-list .image-wrapper {
  overflow: hidden;
}

.blog-posts-content .posts-list-info .posts-list .image-wrapper img {
  width: 21.6rem;
  height: 14.4rem;
  object-fit: cover;
  transition: all 0.5s;
}

.blog-posts-content .posts-list-info .posts-list img:hover {
  transform: scale(1.1);
}

.blog-posts-content .posts-list-info .posts-list .p-wrapper {
  padding: 1.6rem 0 1.6rem 2.1rem; /* 上下左右padding */
  overflow: hidden;
  box-sizing: border-box;
}

.blog-posts-content .posts-list-info .posts-list .p-wrapper p {
  margin: 0;
  width: 19.5rem;
  height: 11.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* 控制显示行数 */
  cursor: pointer;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--dm-font-body1-size);
  color: var(--dm-gray-500);
  font-weight: var(--dm-font-body-weight);
  line-height: var(--dm-font-body2-line);
  font-family: var(--dm-font-family-base);
}

.blog-posts-content .posts-list-info .posts-list .p-wrapper p:hover {
  color: var(--dm-color-primary);
}

/* 类别板块 */
.left-right-wrapper .dm-category-content {
  /* display: flex;
  align-items: center; */
  text-align: center;
  border: 0.1rem solid #9d9d9c;
  position: relative;
  height: 26.6rem;
  border-radius: 0.4rem;
  padding: 3.7rem 2.4rem;
  width: 100%;
}

.left-right-wrapper .dm-category-content h4 {
  top: 0; /* 位于上边框 */
  left: 50%;
  transform: translate(-50%, -50%); /* 水平居中，垂直向上覆盖边框 */
  background-color: var(--dm-color-white);
  position: absolute;
  padding: 0 1rem; /* 文字与边框的间距 */
  font-size: 2.2rem;
  font-weight: var(--dm-font-h2-weight);
  color: var(--dm-color-dark);
  font-family: var(--dm-font-family-base);
}

.left-right-wrapper .dm-category-content .category-info {
  padding: 0 3.4rem;
}

.left-right-wrapper .dm-category-content .category-info li {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #9d9d9c;
}

.left-right-wrapper .dm-category-content .category-info li a {
  color: var(--dm-color-dark);
  font-size: var(--dm-font-body1-size);
  font-weight: var(--dm-font-body1-weight);
  font-family: var(--dm-font-family-base);
}

.dm-subscription-content {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
}

.dm-subscription-content .dm-subscription-success {
  color: var(--dm-color-primary);
  font-size: var(--dm-font-h2-size);
  text-align: center;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-h2-weight);
  margin: 0 auto 1.5rem;
}
.dm-subscription-content .dm-subscription-success-dist {
  color: var(--dm-gray-500);
  font-size: var(--dm-font-body-text);
  text-align: center;
  font-family: var(--dm-font-family-base);
  font-weight: var(--dm-font-body-weight);
  line-height: var(--dm-font-body3-line);
}

.dm-subscription-content h3 {
  color: var(--dm-gray-500);
  font-size: 2.2rem;
  font-weight: var(--dm-font-h2-weight);
  font-family: var(--dm-font-family-base);
  margin-bottom: 3rem;
}

.dm-subscription-content .form-item-label {
  color: var(--dm-gray-500);
  font-size: var(--dm-font-body2-size);
  font-weight: var(--dm-font-h3-weight);
  font-family: var(--dm-font-family-base);
}

.dm-subscription-content .form-item {
  display: flex;
  flex-direction: column;
}

.dm-subscription-content .form-item input {
  height: 3.3rem;
  border-bottom: 0.1rem solid var(--dm-color-text);
}

.dm-subscription-content .form-item .error-message {
  font-size: var(--dm-font-body1-size);
  color: var(--dm-color-warning);
  height: var(--dm-font-h2-size);
  font-family: var(--dm-font-family-base);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease; /* 动画时长可调 */
}

.dm-subscription-content .form-item .error-message.show {
  visibility: visible;
  opacity: 1;
}

.dm-subscription-content .form-item .form-item-checkbox {
  display: flex;
  /* align-items: center; */
  gap: 0.9rem;
  color: #9d9d9c;
  font-family: var(--dm-font-family-base);
  font-size: var(--dm-font-body-text);
  line-height: var(--dm-font-body3-line);
}

.dm-subscription-content .form-item:nth-child(n + 3) {
  margin-bottom: 1.5rem;
}
.dm-subscription-content .form-item:last-child {
  margin-bottom: 3rem;
}

.dm-subscription-content .dm-subscription-btn {
  width: 15.1rem;
  height: 4.2rem;
  font-size: var(--dm-font-body1-size);
  background-color: var(--dm-color-primary); /* 你的金色按钮 */
  border-radius: 0.6rem;
  color: var(--dm-color-white);
  transition: all 0.3s ease;
  margin: 0 auto;
}

.dm-subscription-content .dm-subscription-btn:hover {
  background: var(--dm-color-white);
  color: var(--dm-color-primary);
  outline: 1px solid var(--dm-color-primary);
}

.blog-article-container .is-show-sub-phone {
  display: none;
}

@media (max-width: 768px) {
  .blog-article-container .breadcrumb-link {
    display: flex;
    gap: 0.9rem;
    align-items: center;
    margin-bottom: 4.2rem;
    margin-left: 3.1rem;
    margin-right: 3.1rem;
    margin-top: 2.3rem;
    font-size: var(--dm-font-body-text);
  }
  .blog-article-container .breadcrumb-item {
    display: inline !important;
  }

  .blog-article-container .breadcrumb-link .bread-center {
    gap: 0.9rem;
    display: inline;
    align-items: center;
  }

  .blog-article-container .dm-border-line {
    border-right: 0.1rem solid #3c3c3c66;
    height: 1.1rem;
    margin-left: 0.9rem;
    margin-right: 0.9rem;
  }

  .left-right-wrapper {
    display: flex;
    padding: 0 3.1rem 12.8rem;
    align-items: flex-start;
    gap: 5.6rem;
  }

  .blog-article-container .is-show-phone {
    display: none;
  }

  .left-right-wrapper .left-blog-info {
    width: 100%;
  }

  .left-blog-display-content {
    flex-direction: column;
    gap: 2.9rem;
  }

  .left-blog-display-content
    .left-blog-display-views
    .left-blog-display-posted
    svg {
    width: 1.6rem;
    height: 1.2rem;
  }

  .left-blog-info .dm-main-sam-blog-pagination {
    margin-top: 6.6rem;
    margin-bottom: 9.6rem;
  }

  .left-blog-info .dm-main-sam-blog-pagination .pagination-switch {
    font-size: 2.6rem;
    line-height: var(--dm-font-body2-line);
    margin-bottom: 1.8rem;
  }
  .left-blog-info .dm-main-sam-blog-pagination a {
    width: 23.6rem;
  }

  .left-blog-info .dm-main-sam-blog-pagination .pagination-title {
    line-height: 4.2rem;
  }

  .dm-blog-author-info .dm-blog-title {
    font-size: var(--dm-font-h3-size);
    margin-bottom: 3rem;
  }
  .dm-blog-author-info .dm-author-info {
    width: 27.9rem;
    height: 7.6rem;
    font-size: var(--dm-font-body1-size);
    line-height: 7.6rem;
    margin-bottom: 3rem;
  }

  .dm-blog-author-info .dm-author-description {
    line-height: var(--dm-font-body1-line);
  }

  .dm-blog-author-info .dm-commentArea {
    min-height: 38.1rem;
    margin-bottom: 6.6rem;
  }

  .dm-blog-author-info .dm-commentArea .dm-commentArea-center {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    padding: 8.8rem 0.8rem 11.8rem;
    margin-top: 3rem;
  }

  .dm-blog-author-info .dm-commentArea .dm-commentArea-center p {
    font-weight: 400;
    font-size: 3.4rem;
    line-height: 4.2rem;
  }

  .dm-blog-author-info .dm-leave h4 {
    margin-bottom: 2.1rem;
  }

  .dm-leave p {
    font-size: 2.6rem;
    margin-bottom: 3rem;
  }

  .dm-blog-author-info .dm-leave textarea {
    margin-top: 3.4rem;
  }

  .dm-blog-author-info .dm-leave .form-item input {
    height: 5.6rem;
  }

  .dm-blog-author-info .dm-leave .dm-footer-dm-button .dm-button {
    width: 29.4rem;
    height: 9.6rem;
    font-size: var(--dm-font-body1-size);
  }

  .blog-article-container .dm-interested-content {
    padding: 9.1rem 2.8rem 9.1rem 2.8rem;
  }

  .blog-article-container .dm-interested-content .swiper-slide {
    width: 33.4rem !important;
    margin-bottom: 3rem;
  }

  .blog-article-container .dm-interested-content .swiper-slide img {
    width: 33.4rem;
    height: 22.3rem;
  }

  .blog-article-container
    .dm-interested-content
    .swiper-slide
    .swiper-content-info {
    padding: 1.2rem 1.2rem 1.8rem 1.2rem;
  }

  .blog-article-container
    .dm-interested-content
    .swiper-slide
    .swiper-content-info
    .read-more {
    width: 22rem;
    height: 7rem;
    font-weight: 700;
    font-size: 3.4rem;
    margin-bottom: 2.3rem;
  }

  .blog-article-container
    .dm-interested-content
    .swiper-slide
    .swiper-time
    .swiper-time-info {
    font-size: 1.8rem;
  }

  .blog-article-container .is-show-sub-phone {
    display: flex;
    padding: 12.8rem 3.2rem 12.8rem 3.2rem;
    margin-top: 0rem;
    /* margin-top: 12.8rem;
    margin-left: 3.2rem;
    margin-right: 3.2rem;
    margin-bottom: 12.8rem; */
  }

  .dm-subscription-content h3 {
    font-weight: 400;
    font-size: 6.6rem;
    color: var(--dm-color-primary);
    text-align: center;
    margin-bottom: 5.8rem;
  }

  .dm-subscription-content .form-item-label {
    font-size: 3.4rem;
  }

  .dm-subscription-content .form-item input {
    height: 5.6rem !important;
    font-size: 3.4rem;
  }

  .dm-subscription-content .form-item .form-item-checkbox {
    flex-wrap: wrap;
    gap: 0rem;
    align-items: center;
    font-size: 2.6rem;
  }

  .dm-subscription-content .form-item .form-item-checkbox p {
    font-size: 2.6rem;
  }

  .dm-subscription-content .form-item:last-child {
    margin-bottom: 4.8rem;
  }

  .dm-subscription-content .dm-subscription-btn {
    width: 25.8rem;
    height: 9.6rem;
  }

  .dm-subscription-content .dm-subscription-success {
    font-size: 4rem;
    font-weight: 500;
  }

  .blog-article-container .is-show-sub-phone {
    /* padding: 10.2rem 16.7rem 14.5rem 16.7rem; */
  }
  .dm-subscription-content .dm-subscription-success {
    margin: 0 auto 3rem;
  }

  .dm-subscription-content .dm-subscription-success-dist {
    font-weight: 400;
    font-size: 3.4rem;
    line-height: 4.2rem;
  }

  .dm-blog-author-info
    .dm-commentArea
    .dm-commentArea-content
    .comments-item
    .replyBtn {
    width: 15.1rem;
    height: 6rem;
    font-weight: 700;
    font-size: 3.4rem;
  }
}
